<script setup>
// import Father1 from "./components/props/Father1.vue";
// import Father2 from "./components/atrs/Father2.vue";
// import Grandparent1 from "./components/intergenerational/Grandparent1.vue";
// import Grandparent2 from "./components/intergenerational/Grandparent2.vue";
// import Parent1 from "./components/events/Parent1.vue";
// import Parent2 from "./components/events/Parent2.vue";
// import Parent3 from "./components/events/Parent3.vue";
// import Parent1 from "./components/expose/Parent1.vue";
// import Parent2 from "./components/expose/Parent2.vue";
// import Cpn from "./components/comp/Cpn.vue";
// import Cpn2 from "./components/comp/Cpn2.vue";
// import Cache1 from "./components/keepcache/Cache1.vue";
// import Cache2 from "./components/keepcache/Cache2.vue";
// import Raw from "./components/buildinfunction/Raw.vue";
// import Cache3 from "./components/keepcache/Cache3.vue";
// import GlobalAlert from "./components/teleport/GlobalAlert.vue";
// import Comp1 from "./components/slot/Comp1.vue";
// import Comp2 from "./components/slot/Comp2.vue";
// import Comp3 from "./components/slot/Comp3.vue";
// import Comp4 from "./components/slot/Comp4.vue";
// import Local from "./components/directive/Local.vue";
// import Simplified from "./components/directive/Simplified.vue";
// import Permission from "./components/directive/Permission.vue";
import Lower from "./components/global/Lower.vue";
// import Header from "./components/global/Header.vue";
</script>

<template>

  <!--<father1></father1>-->
  <!--<father2></father2>-->
  <!--<grandparent1></grandparent1>-->
  <!--<grandparent2></grandparent2>-->
  <!--<parent1></parent1>-->
  <!--<parent2></parent2>-->
  <!--<parent3></parent3>-->
  <!--<parent1></parent1>-->
  <!--<parent2></parent2>-->
  <!--<cpn></cpn>-->

  <!--<cpn2></cpn2>-->
  <!--<cache1></cache1>-->
  <!--<cache2></cache2>-->
  <!--<Raw></Raw>-->
  <!--<Cache3></Cache3>-->
  <!--<GlobalAlert></GlobalAlert>-->
  <!--<Comp1></Comp1>-->
  <!--<comp2></comp2>-->
  <!--<Comp3></Comp3>-->
  <!--<Comp4></Comp4>-->


  <!--  <div v-highlight:backgroundColor.delayed.blink="{mainColor: 'red', secondColor: 'green', delay: 500}">
      这是使用自定义指令实现的效果
    </div>

    <Local></Local>
    <Simplified></Simplified>-->

  <!--<Permission></Permission>-->
  <Lower></Lower>
  <Header></Header>

  <div v-upper:medium="'Hello, World'">Hello, Vue</div>
</template>

<style scoped>

</style>
